<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <title>商城-购物车</title>

  <link rel="stylesheet" type="text/css" th:href="@{/static/lib/layui-v2.6.3/css/layui.css}"/>
  <script type="text/javascript" th:src="@{/static/lib/jquery-3.4.1/jquery-3.4.1.min.js}"></script>
  <script type="text/javascript" th:src="@{/static/lib/layui-v2.6.3/layui.js}"></script>
    <!--模板样式-->
    <link th:href="@{/static/assets/css/amazeui.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/static/basic/css/demo.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/static/css2/cartstyle.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/static/css2/optstyle.css}" rel="stylesheet" type="text/css" />
    <script type="text/javascript" th:src="@{js2/jquery.js}"></script>
</head>
<body>
<div class="am-container header">
    <ul class="message-l">
        <div class="topMessage">
            <div class="menu-hd">
                <a href="/login1/login" target="_top" class="h">亲，请登录</a>
                <a href="/login1/enroll" target="_top">免费注册</a>
            </div>
        </div>
    </ul>
    <ul class="message-r">
        <div class="topMessage home">
            <div class="menu-hd"><a href="/user/main" target="_top" class="h">省多多商城</a></div>
        </div>
        <div th:onclick="myAccount([[${userPhone}]])" class="topMessage my-shangcheng">
            <div class="menu-hd MyShangcheng"><a target="_top"><i class="am-icon-user am-icon-fw"></i>[[${userPhone}]]</a></div>
        </div>
        <div class="topMessage mini-cart">
            <div class="menu-hd"><a id="mc-menu-hd" href="/cart/list" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
        </div>
        <div class="topMessage favorite">
            <div class="menu-hd"><a href="/myOrder/list" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>我的订单</span></a></div>
        </div>
    </ul>
</div>
<!--悬浮搜索框-->
<div class="nav white">
    <div class="logo"><img th:src="@{/static/images2/logo.png}" /></div>
    <div class="logoBig">
        <li><img th:src="@{/static/images2/logobig.png}"/></li>
    </div>
    <div class="search-bar pr">
        <a name="index_none_header_sysc" href="#"></a>
        <form action="search.html">
            <input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
            <input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
        </form>
    </div>
</div>
<div class="clear"></div>
<h1 align="center" style="font-weight:bolder" ><span style="font-size:40px">账户余额:</span><span  style="font-size:40px" th:text="${list.userMoney}"></span></h1>
<div style="display: flex;justify-content: center;">
    <button id="add1" class="layui-btn layui-btn-warm">充值</button>
    <button onclick="quit()" class="layui-btn layui-btn-warm">退出登录</button>
</div>
</body>
<script>
    layui.use(['layer', 'jquery', 'form'], function() {
			var layer = layui.layer;
			var $ = layui.jquery;
			$("#add1").click(function() {
				layer.open({
					title: "充值",
					area: ['400px', '250px'],
					type: 2,
					content: "/user/recharge"
				})
			})
			})
			<!--退出-->
			function quit(){
			window.location.href = "/login1/login";
			}
</script>
</html>